<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>gzdk</title>
  <!-- 引入 layui.css -->
  <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">


  <link rel="stylesheet" href="./assets/css/index.css">
  <link rel="stylesheet" href="./liNone.css">
  <!-- <script type="text/javascript" src="./assets/js/index.js"></script> -->

  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
    integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

  <style>
    /*  去除所有A标签样式*/
    /*  */
    /*去除a标签下划线*/
    a {
      text-decoration: none;
    }

    /*去除未被访问的a标签的下划线*/
    a:link {
      text-decoration: none;
    }

    /*去除已经被访问过的a标签的下划线*/
    a:visited {
      text-decoration: none;
    }

    /*去除鼠标悬停时的a标签的下划线*/
    a:hover {
      text-decoration: none;
    }

    /*去除正在点击的a标签的下划线（鼠标按下，尚未松开）*/
    a:active {
      text-decoration: none;
    }

    /*去除获得焦点的a标签的下划线（被鼠标点击过）*/
    a:focus {
      text-decoration: none;
    }

    /* 底部 */

    /* 底部 */




    .change {}

    .change:hover .outer {
      display: block;
    }

    .language {
      display: flex;
      position: absolute;
      top: 35px;
      left: 22px;
      flex-direction: column;
    }

    .language li::before {
      content: '';
      display: inline-block;
      width: 8px;
      height: 8px;
      background: #23527c;
      margin-right: 8px;
      border-radius: 50%;
    }

    .outer {
      display: none;
    }

    /* 三角形 */
    .trangle {
      width: 0px;
      height: 0px;
      border-top: 10px solid #666666;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
    }
  </style>


</head>

<body>
  <div class="top-container">
    <div class="container">
      <div class="top-container-left">
        <div><a></a></div>
      </div>
      <div class="top-container-right">
        <div><a href="./login.html">登录</a></div>
        <div><a href="./register.html">免费注册</a></div>
        <div><a href="./private.html">个人详情</a></div>
        <div><a href="./navigation.html">网站导航</a></div>
        <div><a href="./help.html">帮助</a></div>
        <div class="change" style="position:relative ;">
          <a href="javascript:;">切换语言<div class="trangle" style="top: 15px;
            position: absolute;
            left: 80px;"></div>
            <div class="outer" style="padding: 0px;">
              <div class="language">
                <li style="border-bottom: 1px solid;">Chinese</li>
                <li style="border-bottom: 1px solid;">English</li>
                <li style="border-bottom: 1px solid;">Japanese</li>
                <li style="border-bottom: 1px solid;">French</li>
              </div>
            </div>
          </a>


        </div>
      </div>
    </div>
  </div>
  <div class="mod-shopsigns">
    <div class="container">
      <div class="company-logo">
        <img src="./assets/img/ptlogo.png" alt="">
      </div>
      <div class="company-name">
        <p>广州东控机电设备有限公司</p>
        <span>主营：工控电器销售,PLC,工控电器售后编程调试</span>
      </div>
    </div>
  </div>
  <div class="index-nav">
    <div class="container">
      <div id="nav">
        <div onclick="showNav2()" class="home"><a href="javascript:;">Home</a></div>
        <div onclick="showNav2()" class="prodouct"><a href="javascript:;">Prodouct</a></div>
        <div onclick="showNav2()" class="aboutus"><a href="javascript:;">About Us</a></div>
        <div onclick="showNav2()" class="servies"><a href="javascript:;">Services</a></div>
        <div onclick="showNav2()" class="contact"><a href="javascript:;">Contact</a></div>
      </div>
      <div id="showNav" onclick="showNav()">Show Nav</div>
    </div>
  </div>
  <div class="box" style="background-color: #eeeeee; ">
    <div>
      <div class="container">
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
          <ul class="layui-tab-title">
            <!-- <li class="layui-this">网站设置</li> -->
            <li>修改资料</li>
            <li>我的咨询</li>
            <li>我的反馈</li>
          </ul>
          <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
              <form>
                <div class="form-group">
                  <label for="exampleInputEmail1">账号(邮箱)</label>
                  <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
                </div>
                <div class="form-group">
                  <label for="exampleInputPassword1">密码</label>
                  <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
                </div>
                <div class="form-group">
                  <label for="exampleInputPassword1">手机号</label>
                  <input type="input" class="form-control" id="exampleInputPassword1" placeholder="phone">
                </div>
                <div class="form-group">
                  <label for="exampleInputPassword1">公司名称</label>
                  <input type="input" class="form-control" id="exampleInputPassword1" placeholder="company">
                </div>
                <div class="form-group">
                  <label for="exampleInputPassword1">联系人</label>
                  <input type="input" class="form-control" id="exampleInputPassword1" placeholder="contacts">
                </div>
                <div class="checkbox">
                  <label>
                    <input type="checkbox"> Check me out
                  </label>
                </div>
                <button type="submit" class="btn btn-default">确定修改</button>
              </form>
            </div>
            <div class="layui-tab-item">
              <table class="layui-table fixed-width">
                <colgroup>
                  <col width="50">
                  <col width="100">
                  <col width="100">
                  <col width="400">
                  <col>
                </colgroup>
                <thead>
                  <tr>
                    <th>咨询id</th>
                    <th>产品名称</th>
                    <th>咨询时间</th>
                    <th>反馈内容(点击详情)</th>
                    <th>邮箱</th>
                    <th>状态</th>
                    <th>公司名称</th>
                    <th>联系人 </th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>123456</td>
                    <td>电饭煲</td>
                    <td>2022-11-04</td>
                    <td>
                      <textarea name="" id="" cols="30" rows="10">我，用文本域</textarea>
                    </td>
                    <td>7777@132.com</td>
                    <td>处理ing..</td>
                    <td>晋北事务所</td>
                    <td>张铁道</td>
                  </tr>
                  <tr>
                    <td>123456</td>
                    <td>电饭煲</td>
                    <td>2022-11-04</td>
                    <td>
                      <textarea name="" id="" cols="30" rows="10">231231231</textarea>
                    </td>
                    <td>7777@132.com</td>
                    <td>处理ing..</td>
                    <td>晋北事务所</td>
                    <td>张铁道</td>
                  </tr>
                  <tr>
                    <td>123456</td>
                    <td>电饭煲</td>
                    <td>2022-11-04</td>
                    <td>
                      <textarea name="" id="" cols="30" rows="10">231231231</textarea>
                    </td>
                    <td>7777@132.com</td>
                    <td>处理ing..</td>
                    <td>晋北事务所</td>
                    <td>张铁道</td>
                  </tr>
                  <tr>
                    <td>123456</td>
                    <td>电饭煲</td>
                    <td>2022-11-04</td>
                    <td>
                      <textarea name="" id="" cols="30" rows="10">231231231</textarea>
                    </td>
                    <td>7777@132.com</td>
                    <td>处理ing..</td>
                    <td>晋北事务所</td>
                    <td>张铁道</td>
                  </tr>
                  <tr>
                    <td>123456</td>
                    <td>电饭煲</td>
                    <td>2022-11-04</td>
                    <td>
                      <textarea name="" id="" cols="30" rows="10">231231231</textarea>
                    </td>
                    <td>7777@132.com</td>
                    <td>处理ing..</td>
                    <td>晋北事务所</td>
                    <td>张铁道</td>
                  </tr>
                  <tr>
                    <td>123456</td>
                    <td>电饭煲</td>
                    <td>2022-11-04</td>
                    <td>
                      <textarea name="" id="" cols="30" rows="10">231231231</textarea>
                    </td>
                    <td>7777@132.com</td>
                    <td>处理ing..</td>
                    <td>晋北事务所</td>
                    <td>张铁道</td>
                  </tr>
                  <tr>
                    <td>123456</td>
                    <td>电饭煲</td>
                    <td>2022-11-04</td>
                    <td>
                      <textarea name="" id="" cols="30" rows="10">231231231</textarea>
                    </td>
                    <td>7777@132.com</td>
                    <td>处理ing..</td>
                    <td>晋北事务所</td>
                    <td>张铁道</td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="layui-tab-item">
              <table class="layui-table">
                <colgroup>
                  <col width="150">
                  <col width="200">
                  <col>
                </colgroup>
                <thead>
                  <tr>
                    <th>反馈id</th>
                    <th>反馈用户</th>
                    <th>反馈标题</th>
                    <th>反馈联系邮箱</th>
                    <th>状态</th>
                    <th>反馈联系人</th>
                    <th>反馈时间</th>
                    <th>反馈内容(点击详情)</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>523432423</td>
                    <td>淘特0086</td>
                    <td>漏电</td>
                    <td>22222@163.com</td>
                    <td>未处理</td>
                    <td>老稻</td>
                    <td>2018-09-22</td>
                    <td class="layerBtn">人生就像是一场修行...
                    </td>
                  </tr>
                  <tr>
                    <td>523432423</td>
                    <td>淘特0086</td>
                    <td>漏电</td>
                    <td>22222@163.com</td>
                    <td>未处理</td>
                    <td>老稻</td>
                    <td>2018-09-22</td>
                    <td class="layerBtn">人生就像是一场修行...
                    </td>
                  </tr>
                  <tr>
                    <td>523432423</td>
                    <td>淘特0086</td>
                    <td>漏电</td>
                    <td>22222@163.com</td>
                    <td>未处理</td>
                    <td>老稻</td>
                    <td>2018-09-22</td>
                    <td class="layerBtn">人生就像是一场修行...
                    </td>
                  </tr>
                  <tr>
                    <td>523432423</td>
                    <td>淘特0086</td>
                    <td>漏电</td>
                    <td>22222@163.com</td>
                    <td>未处理</td>
                    <td>老稻</td>
                    <td>2018-09-22</td>
                    <td class="layerBtn">人生就像是一场修行...
                    </td>
                  </tr>
                  <tr>
                    <td>523432423</td>
                    <td>淘特0086</td>
                    <td>漏电</td>
                    <td>22222@163.com</td>
                    <td>未处理</td>
                    <td>老稻</td>
                    <td>2018-09-22</td>
                    <td class="layerBtn">人生就像是一场修行...
                    </td>
                  </tr>
                  <tr>
                    <td>523432423</td>
                    <td>淘特0086</td>
                    <td>漏电</td>
                    <td>22222@163.com</td>
                    <td>未处理</td>
                    <td>老稻</td>
                    <td>2018-09-22</td>
                    <td class="layerBtn">人生就像是一场修行...
                    </td>
                  </tr>
                  <tr>
                    <td>523432423</td>
                    <td>淘特0086</td>
                    <td>漏电</td>
                    <td>22222@163.com</td>
                    <td>未处理</td>
                    <td>老稻</td>
                    <td>2018-09-22</td>
                    <td class="layerBtn">人生就像是一场修行...
                    </td>
                  </tr>
                  <tr>
                    <td>523432423</td>
                    <td>淘特0086</td>
                    <td>漏电</td>
                    <td>22222@163.com</td>
                    <td>未处理</td>
                    <td>老稻</td>
                    <td>2018-09-22</td>
                    <td class="layerBtn">人生就像是一场修行...
                    </td>
                  </tr>
                  <tr>
                    <td>523432423</td>
                    <td>淘特0086</td>
                    <td>漏电</td>
                    <td>22222@163.com</td>
                    <td>未处理</td>
                    <td>老稻</td>
                    <td>2018-09-22</td>
                    <td class="layerBtn">人生就像是一场修行...
                    </td>
                  </tr>
                  <tr>
                    <td>523432423</td>
                    <td>淘特0086</td>
                    <td>漏电</td>
                    <td>22222@163.com</td>
                    <td>未处理</td>
                    <td>老稻</td>
                    <td>2018-09-22</td>
                    <td class="layerBtn">人生就像是一场修行...
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>

          </div>
        </div>
      </div>
    </div>






    <div class="footer">
      <div class="footer-container">
        <div class="copyright">
          <ul class="helpLink">
            <li>
              关于我们
              <span class="space"></span>
            </li>
            <li>
              联系我们
              <span class="space"></span>
            </li>
            <li>
              帮助
              <span class="space"></span>
            </li>
            <li>
              友情链接
              <span class="space" style="
                  border-left: 0px solid #666;
      width: 1px;
      height: 13px;
      background: #666;
      margin: 8px 10px;
              "></span>
            </li>
          </ul>
          <p>地址：北京市昌平区宏福科技园综合楼6层</p>
          <p>京ICP备19006430号</p>
        </div>
      </div>
    </div>
    <div class="goTop" onclick="scrollIntoViewTop('html')"></div>
</body>
<script src="./js/jquery-3.6.1.min.js"></script>
<!-- layui js -->
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>

<link rel="stylesheet/less" href='./footer.less'>
<script src="https://cdn.bootcdn.net/ajax/libs/less.js/4.1.3/less.min.js"></script>


<script>

  $('.home').on('click', function (e) {
    window.location.href = "index.html"
  })
  $('.prodouct').on('click', function (e) {
    window.location.href = "product.html"
  })
  $('.aboutus').on('click', function (e) {
    window.location.href = "aboutUs.html"
  })
  $('.servies').on('click', function (e) {
    window.location.href = "news.html"
  })
  $('.contact').on('click', function (e) {
    window.location.href = "contact.html"
  })





  //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
  layui.use('element', function () {
    var element = layui.element;

    //…
  });


  // 挂载layui，添加jquery和form 一会我们会用到
  layui.use(['layer', 'jquery', 'form'], function () {
    // 这个时候将挂载到layui中的layer放置到一个变量上面，有助于我们调用
    var layer = layui.layer
    var $ = layui.jquery
    var form = layui.form
    // 首先第一种调用方法就是(采用的是jquery的点击事件)
    $('.layerBtn').on('click', function (e) {
      // console.log(
      //   e.target.childNodes[0].data, 'e');
      // 调用的layer弹窗
      let msg = e.target.childNodes[0].data
      layer.msg(`${msg}`)
      msg = null
    })
  })

</script>


</html>